<template>
	<!-- 验收详情 -->
	<view class="flex-col page">
		<view class="back-w" style="position: fixed;z-index: 9; height: 100rpx;">
			<view class="u-m-l-10" @click="Back()">
				<u-icon name="arrow-left" color="#000000" size="20"></u-icon>
			</view>
			<view class="f-w-l">
				验收详情</view>
		</view>
		<view class="flex-col group" style="margin-top: 100rpx;">
			<view class="flex-col section_2">
				<view class="flex-col section_3">
					<view class="justify-between group_3">
						<view class="flex-row">
							<image :src="listinfo.address" class="image_8" />
							<text class="text_3">{{listinfo.consumerName}}</text>
						</view>
						<text class="text_4" v-if="mytaskState == 3">进行中</text>
						<text class="text_4" v-else-if="mytaskState == 5">已完成</text>
					</view>
					<text class="text_5">验收服务订单</text>
					<text
						class="text_6">房屋位置：{{listinfo.provinceName}}，{{listinfo.cityName}}，{{listinfo.districtName}}</text>
					<text class="text_7">房屋面积：{{listinfo.roomArea}}m²</text>
					<view class="flex-row group_5">
						<text class="text_8">预约时间：{{listinfo.isData}}</text>
						<text class="text_9">{{listinfo.isTime}}</text>
					</view>
					<view class="flex-row group_6" style="justify-content: space-between;">
						<view class="flex-row">
							<text class="text_10">预计时间：{{listinfo.estimateTime}}
							</text>
						</view>
						<view class="text_edit" @click="editPage" v-if="mytaskState == 3">编辑</view>
					</view>
				</view>
			</view>
			<view class="flex-col section_1">
				<view style="">
					<text class="text_12">{{acceptanceServiceTypeName}}</text>
				</view>
				<text class="text">*该验收详情已同步工长方便工长验收。</text>
				<view class="flex-row group_1 u-col-center">
					<text class="text_1">验收质量：</text>
					<uni-rate :size="21" v-model="rate" @change="onChange" />
				</view>
			</view>
		</view>
		<view class="positionFixed">
			<navigator url="/pages/onSite/onSiteIndex/buildImg/buildImg">
				<image :src="$IMG_URL+'16557870891120311795.png'" class="image_9" />
			</navigator>
		</view>
		<view class="flex-col section_4">
			<view class="flex-col">
				<view class="justify-between group_8">
					<text class="text_13">验收类目</text>
				</view>

				<view v-for="(item,i) in listData" :key="i" style="margin-top: 20rpx;">

					<text class="text_14">{{item.acceptanceServiceTypeName}}</text>
					<view v-for="(demo,j) in listData[i].acceptanceCategoryDetailsList" :key="j">
						<view class="justify-between group_9">
							<text class="text_15">{{demo.acceptanceServiceTypeName}}</text>
							<!--  -->
							<view v-if="demo.isEdit==2">
								<image src="../../../../static/images/16557872055467576368.png" class="image_4 image_10"
									@click="changeEdit(i,j)" />

								<image src="../../../../static/images/16557872055469067310.png" class="image_4 image_10"
									@click="changeEdit2(i,j)" />
							</view>
							<!--   -->
							<view v-else>
								<image src="../../../../static/images/16557872055467576368.png" class="image_4 image_10"
									@click="changeEdit(i,j)" v-if="demo.isEdit == '0'" />
								<image src="../../../../static/images/16557870877421800028.png" class="image_4 image_10"
									@click="changeEdit(i,j)" v-else-if="demo.isEdit == '1' " />
								<image src="../../../../static/images/16557872055469067310.png" class="image_4 image_10"
									@click="changeEdit2(i,j)" v-if="demo.isEdit == '1'" />
								<image :src="$IMG_URL+'16557870872021265839.png'" class="image_4 image_10"
									@click="changeEdit2(i,j)" v-else-if="demo.isEdit == '0'" />

							</view>

						</view>
						<view class="flex-col section_5" v-if="demo.isEdit == '0'">
							<view class="flex-row justify-between">
								<view class="flex-row">
									<text class="text_16">验收问题：</text>
									<text class="text_18" v-if="demo.problemDetails">{{demo.problemDetails}}</text>
								</view>
								<view class="text_27" style="font-size: 28rpx;margin-top: 0;" v-if="demo.isEdit == 0"
									@click="toexplan(demo,i)">
									<text v-if="mytaskState == 3">编辑</text>
									
								</view>
							</view>
							<view class="images equal-division" v-if="demo.problemDetails">
								<view class="u-flex u-row-center u-col-center" v-for="(inner,p) in demo.problemUrl.split(',')" :key="p" @click="prview(demo.problemUrl,p)">
									<image :src="inner" class="equal-division-item" />
								</view>

							</view>
						</view>
					</view>

				</view>

			</view>
			<view class="flex-col group_14">
				<view class="divider"></view>
				<view class="flex-row justify-between">
					<view class="text_27" style="font-weight: 800;">验收总结报告</view>
					<view class="text_27" style="font-size: 28rpx;" v-if="mytaskState != 5 && mytaskState !=4"
						@click="toreply" >
						<text> 编辑</text>
					</view>
				</view>
				<view class="flex-col section_6">
					<view class="flex-col">
						<text class="text_28">合格率：{{Qualified}}%</text>
						<view class="flex-row group_20" v-if="this.list != null">
							<text class="text_29">总体质量描述：</text>
							<text class="text_30">{{list.sumQualityDescribe}}</text>
						</view>
						<view class="flex-row equal-division_1" v-if="this.list != null">
							<view class="imagegrid" >
								<image :src="item" class="equal-division-item"  v-for="(item,i) in sumQualityPicture" :key="i"/>
							</view>
						</view>
					</view>
					<view class="flex-col group_21" v-if="this.list != null">
						<view class="flex-row u-line-2">
							<text class="text_31">质量问题严重程度总括：</text>
							<text class="text_32">{{list.sumProblemDescribe}}</text>
						</view>
						<view class="flex-row equal-division_2">
							<view class="imagegrid">
								<image :src="demo"  v-for="(demo,j) in sumProblemPicture" :key="j" class="equal-division-item" />
							</view>
						</view>
					</view>
					<view class="flex-col group_23" v-if="this.list != null">
						<view class="flex-row">
							<text class="text_33">整改建议及相关的图片：</text>
							<text class="text_34">{{list.rectificationDescribe}}</text>
						</view>
						<view class="flex-row equal-division_3">
							<view class="imagegrid" >
								<image :src="hus" class="equal-division-item" v-for="(hus,o) in rectificationPicture" :key="o"/>
							</view>
						</view>
					</view>
				</view>
				<view class="subBG" v-if="this.mytaskState == 3" @click="submitBG">
					提交验收报告
				</view>
			</view>
		</view>
		<u-overlay :show="uploadloading" @click="uploadloading = false" class="u-flex u-row-center u-col-center">
			<view >
				<u-loading-icon size="30" :textSize="15" text="请求中" textColor="white" :vertical="true" color="white"></u-loading-icon>
			</view>
			
		</u-overlay>
	
		<!-- <checkReply></checkReply> -->
	</view>
</template>

<script>
	import checkReply from 'pages/onSite/onSiteIndex/checkReply/checkReply'
	export default {
		name: 'checkEx',
		components: {
			checkReply
		},
		data() {
			return {
				rate:0,
				listData: [],
				list: '',
				listinfo: [],
				estimated: '', //预计时间
				Qualified: '', //合格率
				ServiceTypeName: '',
				ysstate: '',
				mytaskState: '',
				concludeList: '', //验收总结报告传参
				ordersId: '',
				acceptanceServiceTypeName: '',
				acceptanceServiceId: '',
				rectificationPicture: [], //整改建议图片
				sumProblemPicture: [], //质量问题严重程度总结图片
				sumQualityPicture: [], //总体质量图片
				imgarr: '',
				number: 0,
				isGetInto: 0,
				rate2: 0,
				uploadloading:false
			};
		},
		onLoad(option) {
			// if (JSON.stringify(option) == "{}") {
			// 	this.ordersId = uni.getStorageSync('ordersId');
			// } else {
			this.ordersId = option.ordersId || uni.getStorageSync('ordersId');
			uni.setStorage({
				data: this.ordersId,
				key: 'ordersId'
			})
			if (option.rate) {
				this.rate2 = option.rate;

			}

			// }
		},
		created() {
			this.getinfo();
			uni.startPullDownRefresh();
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			prview(url,index)
			{
				let urls=url.split(',');
				uni.previewImage({
					urls: urls,
					current: index
				});
			},
			onPullDownRefresh() {
				this.getinfo()
				setTimeout(function() {
					uni.stopPullDownRefresh();
				}, 1000);
			},
			changeEdit3() {
				// this.isGetInto=1;
			},
			changeEdit4() {
				// this.isGetInto=1;
			},
			changeEdit(index, i) {
				if(this.mytaskState==4 ||  this.mytaskState==5)
				{
					return ;
				}
				let item = this.listData[index];
				item.acceptanceCategoryDetailsList[i].isEdit = 1;
				// console.log(item.acceptanceCategoryDetailsList[i].isEdit)
				this.$set(this.listData, index, item);
				let number = 0;
				this.listData.map(it => {
					it.acceptanceCategoryDetailsList.map(it2 => {
						if (it2.isEdit == 1) {
							number += 1;
						}
					})
				})
				this.$http('other.ordersidS', {
					ordersId: this.ordersId,
					number: number,
					isDelete: '0',
					acceptanceServiceTypeId: item.acceptanceCategoryDetailsList[i].acceptanceServiceTypeId,
					acceptanceServiceId: item.acceptanceCategoryDetailsList[i].acceptanceServiceId
				}).then(res => {
					if (res.code == 200) {
						this.Qualified = res.data
					} else {
						uni.showToast({
							icon: "error",
							title: res.msg
						})
					}
				})
			},
			// 获取合格率
			getqualified() {

			},
			changeEdit2(index, i) {
				if(this.mytaskState==4 ||  this.mytaskState==5)
				{
					return ;
				}
				this.listData[index].acceptanceCategoryDetailsList[i].isEdit = 0
				let item = this.listData[index];
				item.acceptanceCategoryDetailsList[i].isEdit = 0;
				this.$set(this.listData, index, item);
				let number = 0;
				this.listData.map(it => {
					it.acceptanceCategoryDetailsList.map(it2 => {
						if (it2.isEdit == 1) {
							number += 1;
						}
					})
				})
				this.$http('other.ordersidS', {
					ordersId: this.ordersId,
					number: number,
					isDelete: '1',
					acceptanceServiceTypeId: item.acceptanceCategoryDetailsList[i].acceptanceServiceTypeId,
					acceptanceServiceId: item.acceptanceCategoryDetailsList[i].acceptanceServiceId
				}).then(res => {
					if (res.code == 200) {
						this.Qualified = res.data
					} else {
						uni.showToast({
							icon: "error",
							title: res.msg
						})
					}
				})
			},
			Back() {
				uni.navigateTo({
					url: 'pages/index'
				})
				// let pageNum = 2
				// let pages = getCurrentPages(); // 当前页面
				// let beforePage = pages[pages.length - pageNum];
				// uni.navigateBack({
				// 	success: function() {
				// 		beforePage.$vm.$refs.onSiteIndex.getdate();
				// 	}

				// })
			},
			onChange(e) {
				this.rate = e.value;
			},
			getinfo() {
				// 验收列表
				this.$http('onsite.acceptance', {
					ordersId: this.ordersId
				}).then(res => {
					if (res.code == 200) {
						this.acceptanceServiceTypeName = res.data.acceptanceServiceTypeName;
						this.Qualified = res.data.qualified;
						this.list = res.data.acceptanceSummary;


						this.isGetInto = res.data.isGetInto;
						this.listData = res.data.acceptanceCategoryDetailsList;
						this.acceptanceServiceId = res.data.acceptanceServiceId;
						if (String(res.data.acceptanceSummary) != 'null') {
							if (res.data.acceptanceSummary.rectificationPicture.length >= 1) {
								this.rectificationPicture = res.data.acceptanceSummary.rectificationPicture.split(
									',');
							} else {
								this.rectificationPicture = res.data.acceptanceSummary.rectificationPicture;
							}
							if (res.data.acceptanceSummary.sumProblemPicture.length >= 1) {
								this.sumProblemPicture = res.data.acceptanceSummary.sumProblemPicture.split(',');
							} else {
								this.sumProblemPicture = res.data.acceptanceSummary.sumProblemPicture;
							}
							if (res.data.acceptanceSummary.sumQualityPicture.length >= 1) {
								this.sumQualityPicture = res.data.acceptanceSummary.sumQualityPicture.split(',');
							} else {
								this.sumQualityPicture = res.data.acceptanceSummary.sumQualityPicture;
							}
						} else {
							this.rectificationPicture = '';
							this.sumQualityPicture = '';
							this.sumProblemPicture = '';
						}
						if (this.rate2 != 0) {
							this.rate = this.rate2;
							return;
						} else {
							this.rate = res.data.quality;
						}

					}
				})

				this.$http('common.getInfolist', {
					ordersId: this.ordersId,
					type: '6'
				}).then(res => {
					// console.log(res, '获取用户信息')
					if (res.code == 200) {
						this.listinfo = res.data;
						this.mytaskState = res.data.ordersStatus;
					} else {
						this.$u.toast(res.msg);
					}
				})
			},
			toexplan(e, i) {
				// console.log(i);
				console.log(this.listData[i]);
				uni.setStorage({
					data: e.acceptanceServiceTypeId,
					key: 'acceptanceServiceTypeId'
				})
				uni.setStorage({
					data: this.listData[i].acceptanceServiceTypeId,
					key: 'ids'
				})
				uni.setStorage({
					data: this.rate,
					key: 'rate'
				})
				uni.navigateTo({
					url: 'pages/onSite/onSiteIndex/checkReply/checkReply?acceptanceServiceId=' + this
						.acceptanceServiceId + "&acceptanceServiceTypeId=" + e.acceptanceServiceTypeId+"&acceptanceCategoryDetailsId="+e.acceptanceCategoryDetailsId
				})
			},
			editPage() {
				uni.navigateTo({
					url: 'pages/onSite/onSiteIndex/checkEx/editPage?acceptanceServiceId=' + this
						.acceptanceServiceId
				})
			},
			loadingclose(){
				this.uploadloading=false
			},
			submitBG() {
			    let error=false;
			
				this.listData.map(item=>{
					item.acceptanceCategoryDetailsList.map(it=>{
						
						if(it.idEdit==0 && !it.problemDetails&& !it.problemUrl)
						{
							error=true;
						}
					})
				})
				if(error)
				{
					this.$u.toast('验收类目不合格的请添加验收问题');
					return ;
				}
			
				this.uploadloading=true;
				// console.log(this.rate)
				if (this.rate == 0 || this.rate == null) {
					uni.showToast({
						icon: "error",
						title: '请进行评分'
					})
					return;
				}
				this.$http('other.updatequality', {
					acceptanceServiceId: this.acceptanceServiceId,
					quality: this.rate
				}).then(r => {
					if (r.code == 200) {
						this.uploadloading=false;
						this.go('/pages/onSite/onSiteIndex/subTrue/subTrue');
					} else {
						uni.showToast({
							title: r.msg,
							icon: "error"
						})
					}
				});
			},
			toreply() {
				// console.log(this.acceptanceServiceId)
				uni.navigateTo({
					url: 'pages/onSite/onSiteIndex/checkSum/checkSum?acceptanceServiceId=' + this
						.acceptanceServiceId + "&ordersId=" + this.ordersId + '&rate=' + this.rate
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.back-w {
		display: flex;
		flex-direction: row;
		padding-top: 50rpx;
		/* align-items: center; */
		width: 100vw;
		height: 90rpx;
		background-color: #deefff;
	}
	.imagegrid{
			    display: grid;
			    grid-template-columns: repeat(4,1fr);
			    gap: 10px;
				justify-items:center;
				align-items:center;
		}
    .images{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap:20rpx;
	}
	.f-w-l {
		display: flex;
		flex-direction: row;
		font-weight: bold;
		margin-left: 33%;
	}

	.subBG {
		width: 96%;
		margin: 0 auto;
		background-color: #1d6aff;
		border-radius: 42rpx;
		text-align: center;
		color: #fff;
		height: 88rpx;
		line-height: 88rpx;
		margin-top: 50rpx;
	}

	.text_edit {
		color: #fff;
		font-size: 26rpx;
	}

	.positionFixed {
		position: fixed;
		top: 45%;
		right: 5%;
		z-index: 999;
		display: none;
	}

	.section_5 {
		margin-right: 15rpx;
		margin-top: 28rpx;
		padding: 30rpx 24rpx 32rpx;
		background-color: #f6f7f9;
		border-radius: 16rpx;
	}

	.image {
		width: 26rpx;
		height: 25rpx;
	}

	.image_4 {
		width: 32rpx;
		height: 32rpx;
	}

	.equal-division-item {
		// flex: 1 1 156rpx;
		border-radius: 16rpx;
		width: 142rpx;
		height: 142rpx;
	}

	.text_16 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.equal-division {
		margin-top: 33rpx;
	}

	.text_18 {
		margin-left: 24rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
		width: 380rpx;
		margin-right: 20rpx;
	}

	.image_12 {
		margin-left: 4.5rpx;
	}

	.image_14 {
		margin-left: 4.5rpx;
	}

	.image_16 {
		margin-left: 4.5rpx;
	}

	.page {
		background-color: #f6f7f9;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding-bottom: 20rpx;
		/* height: 867rpx; */
		position: relative;
	}

	.section_4 {
		padding: 0 17rpx 61rpx 32rpx;
		background-color: #ffffffff;
	}

	.section_1 {
		padding: 0 30rpx;
		padding-bottom: 40rpx;
		background-color: #ffffffff;
	}

	.section_2 {
		/* margin-top: -847rpx;
    padding: 30.5rpx 21rpx 20rpx;
    position: relative; */
		background-color: #ffffffff;
		background-image: url($IMG_URL+'16557870862856348078.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.text_12 {
		font-weight: bold;
		color: #191919;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.group_14 {
		margin-top: 57rpx;
	}

	.text {
		align-self: flex-start;
		color: #ff371d;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		margin-top: 20rpx;
	}

	.group_1 {
		margin-top: 29rpx;
	}

	.group_2 {
		padding: 22.5rpx 10.5rpx 28rpx;
		position: relative;
	}

	.section_3 {
		padding: 0 43rpx 72rpx;
		width: 95%;
		margin: 0 auto;
		background-image: url($IMG_URL+'16557870893555091985.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-top: 40rpx;
	}

	.group_8 {
		border-bottom: solid 1rpx #eeeeee;
		padding-bottom: 20rpx;
	}

	.text_14 {
		margin-top: 29rpx;
		align-self: flex-start;
		color: #1d6aff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
		font-weight: 600;
	}

	.group_9 {
		margin-top: 40rpx;
	}

	.group_12 {
		margin-top: 30rpx;
	}

	.group_13 {
		margin-top: 30rpx;
	}

	.text_22 {
		align-self: flex-start;
		color: #1d6aff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
		font-weight: 600;
	}

	.group_15 {
		margin-top: 40rpx;
	}

	.group_16 {
		margin-top: 30rpx;
	}

	.divider {
		margin-right: 15rpx;
		margin-top: 32rpx;
		background-color: #eeeeee;
		border-radius: 0.5rpx;
		height: 1rpx;
	}

	.text_27 {
		margin-right: 20rpx;
		margin-top: 29rpx;
		align-self: flex-start;
		color: #1d6aff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.section_6 {
		margin-right: 15rpx;
		margin-top: 26rpx;
		padding: 49rpx 24rpx 36rpx;
		background-image: url($IMG_URL+'16557870882906301107.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.text_1 {
		margin-bottom: 5rpx;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_1 {
		margin: 10rpx 0 3rpx 20rpx;
	}

	.image_2 {
		margin: 10rpx 0 3rpx 8rpx;
	}

	.image_3 {
		margin: 10rpx 0 3rpx 6rpx;
	}

	.image_5 {
		margin-left: 5rpx;
		margin-top: 6rpx;
	}

	.image_6 {
		margin-top: 6rpx;
	}

	.image_7 {
		position: absolute;
		left: 10.5rpx;
		bottom: 22.5rpx;
		width: 21rpx;
		height: 36rpx;
	}

	.text_2 {
		color: #000000;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.group_3 {
		padding: 47rpx 0 24rpx;
		border-bottom: solid 1rpx #ffffff3d;
	}

	.text_5 {
		margin-top: 24rpx;
		align-self: flex-start;
		color: #ffffff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_6 {
		margin-top: 24rpx;
		align-self: flex-start;
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_7 {
		margin-top: 25rpx;
		align-self: flex-start;
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.group_5 {
		margin-top: 24rpx;
	}

	.group_6 {
		margin-top: 24rpx;
	}

	.text_13 {
		font-weight: bold;
		margin-top: 28rpx;
		color: #191919;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.image_9 {
		filter: drop-shadow(0px 3rpx 3rpx #1c5edd4d);
		width: 114rpx;
		height: 114rpx;
	}

	.text_15 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_10 {
		margin-right: 15rpx;
		margin-top: 6rpx;
	}

	.text_20 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_18 {
		margin-right: 15rpx;
		margin-top: 6rpx;
	}

	.text_21 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_19 {
		margin-right: 15rpx;
		margin-top: 6rpx;
	}

	.text_23 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_20 {
		margin-right: 15rpx;
		margin-top: 6rpx;
	}

	.text_24 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_21 {
		margin-right: 15rpx;
		margin-top: 6rpx;
	}

	.group_21 {
		margin-top: 54rpx;
	}

	.group_23 {
		margin-top: 54rpx;
	}

	.text_4 {
		margin-top: 23rpx;
		color: #ffffff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_8 {
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_9 {
		margin-left: 11rpx;
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_10 {
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_11 {
		margin-left: 11rpx;
		color: #ffffff;
		font-size: 26rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 30rpx;
	}

	.text_28 {
		align-self: flex-start;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_20 {
		margin-top: 25rpx;
		word-wrap: break-word;
	}

	.equal-division_1 {
		margin-top: 33rpx;
	}

	.equal-division_2 {
		margin-top: 33rpx;
	}

	.equal-division_3 {
		margin-top: 33rpx;
	}

	.image_8 {
		flex-shrink: 0;
		border-radius: 50%;
		width: 96rpx;
		height: 96rpx;
	}

	.text_3 {
		margin-left: 32rpx;
		margin-top: 19rpx;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.text_29 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_30 {
		margin-left: 4rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;

	}

	.image_27 {
		margin-left: 4.5rpx;
	}

	.image_28 {
		margin-left: 4.5rpx;
	}

	.image_29 {
		margin-left: 4.5rpx;
	}

	.text_31 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_32 {
		margin-left: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_31 {
		margin-left: 4.5rpx;
	}

	.image_32 {
		margin-left: 4.5rpx;
	}

	.image_33 {
		margin-left: 4.5rpx;
	}

	.text_33 {
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_34 {
		margin-left: 6rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_35 {
		margin-left: 4.5rpx;
	}

	.image_36 {
		margin-left: 4.5rpx;
	}

	.image_37 {
		margin-left: 4.5rpx;
	}
</style>
